<ng-container *ngIf="this.navState === NavState.ANONYMOUS; else NormalNavTemplate">
  <nav class="anonymous-nav">
    <li class="banner"
        (click)="appRouterService.navigate([''])">
      <img src="/assets/img/league-badge.png"
           alt="智慧团建">
      <section>
        <span>智慧团建</span>
      </section>
    </li>
    <li></li>
  </nav>
</ng-container>
<ng-template #NormalNavTemplate>
  <nav class="normal-nav">
    <li class="banner"
        (click)="appRouterService.navigate([''])">
      <img src="../../../assets/img/logo.png"
           alt="智慧团建">
    </li>
    <div class="flex-block"></div>
    <li>
      <mat-icon>contact_support</mat-icon>
    </li>
    <li>
      <span>帮助中心</span>
    </li>
    <li>
      <!-- <mat-list>
        <mat-list-item *ngFor="let item of pubs">
          {{ item }}
        </mat-list-item>
      </mat-list> -->
    </li>
    <li>
      <mat-icon>message</mat-icon>
    </li>
    <li>
      <mat-icon (click)="logout()">settings_power</mat-icon>
    </li>
  </nav>
</ng-template>
